<!--
 * @Author: xiongang 407700216@qq.com
 * @Date: 2022-07-09 15:48:11
 * @LastEditors: cool panda
 * @LastEditTime: 2023-04-25 21:18:30
 * @FilePath: \big-screen-vue-datav\src\views\bottomLeft.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="bottomLeft">
    <div class="bg-color-black">
      <BottomLeftChart />
    </div>
  </div>
</template>

<script>
import BottomLeftChart from '@/components/echart/bottom/bottomLeftChart'
export default {
  components: {
    BottomLeftChart
  }
}
</script>

<style lang="scss" scoped>
$box-height: 270px;
$box-width: 525px;
#bottomLeft {
  // padding: 20px 16px;
  height: $box-height;
  width: $box-width;
  border-radius: 5px;
  .bg-color-black {
    opacity: 0;
    height: $box-height - 35px;
    border-radius: 10px;
  }
}
</style>
